<template>
	<view>
		<!-- 轮播图 -->
		<view class="swiper">
			<swiper circular autoplay="true" interval="3000" duration="1000">
				<swiper-item  v-for="(item,index) in bannarList" :key="index">
					<image :src="item" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script setup>
	import {reactive, ref} from 'vue'
	import {onLoad} from "@dcloudio/uni-app"
	const bannarList = ref(['../../static/logo.png','../../static/logo.png'])
	
</script>

<style lang="scss">
.swiper{
	width: 670rpx; height: 300rpx;border-radius: 16rpx; overflow: hidden;
	margin: 0 auto; margin-top: 40rpx
}
  image{
		width: 670rpx; height: 300rpx; 
	}
</style>